<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 管理系统大布局 - Layui</title>
</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black">智慧物业</div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->

      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-nav-img">
            tester
          </a>
          <dl class="layui-nav-child">
            <dd><a href="">Your Profile</a></dd>
            <dd><a href="">Settings</a></dd>
            <dd><a href="">Sign out</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
          <a href="javascript:;">
            <i class="layui-icon layui-icon-more-vertical"></i>
          </a>
        </li>
      </ul>
    </div>



    <div class="layui-body" id="form-body">
      <!-- 内容主体区域 -->
      <form class="layui-form" action="">
        <div class="layui-form-item">
          <label class="layui-form-label">公告标题</label>
          <div class="layui-input-block">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
              class="layui-input w-min">
          </div>
        </div>
       
        <div class="layui-form-item">
          <label class="layui-form-label">公告分类</label>
          <div class="layui-input-block select">
            <select name="announcement" lay-verify="required" >
            </select>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">关联小区</label>
          <div class="layui-input-block select">
            <select name="associated" lay-verify="required">
            </select>
          </div>
        </div>

        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">公告内容</label>
          <div class="layui-input-block">
            <textarea name="announcement-data" placeholder="请输入"   class="layui-textarea w-min"></textarea>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">是否置顶</label>
          <div class="layui-input-block">
            <input type="checkbox" name="top" lay-skin="switch">
          </div>
        </div>
       
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" id="clk" >修改</button>
            <button type="button" id="return" class="layui-btn layui-btn-primary">返回</button>
          </div>
        </div>
      </form>
    </div>

    <div class="layui-footer">
      <!-- 底部固定区域 -->
      底部固定区域
    </div>
  </div>
</body>

</html>